$(function(){
    
    var list = $('.tops ul li');
    console.log(list)
    list.on('mouseover',function(){
         $(this).css('background','#f7f7f7')
    })
    list.on('mouseout',function(){
        $(this).css('background','white')
   })
   $('.ht').on('mouseover',function(){
    $(this).css('border-left','1px ').css('border-left-style','solid').css('border-left-color','#d8d8d8')
    $(this).css('border-right','1px ').css('border-right-style','solid').css('border-right-color','#d8d8d8')
    $('.ht>.jiantou').css('border-bottom-color','#7B7B7B').css('border-top-color','white')
    .css('top','30px')
})
$('.ht').on('mouseout',function(){
    $(this).css('border-color','white')
    $('.ht>.jiantou').css('border-top-color','#7B7B7B').css('border-bottom-color','white') 
    .css('top','40px')
})
$('.hfi').on('mouseover',function(){
    $(this).css('border-left','1px ').css('border-left-style','solid').css('border-left-color','#d8d8d8')
    $(this).css('border-right','1px ').css('border-right-style','solid').css('border-right-color','#d8d8d8')
    $('.hfi>.jiantou').css('border-bottom-color','#7B7B7B').css('border-top-color','white')
    .css('top','30px')
})
$('.hfi').on('mouseout',function(){
    $(this).css('border-color','white')
    $('.hfi>.jiantou').css('border-top-color','#7B7B7B').css('border-bottom-color','white') 
    .css('top','40px')
})
$('.more').on('mouseover',function(){
    
    $(this).css('text-decoration','underline')
})
$('.more').on('mouseout',function(){
    $(this).css('text-decoration','none')
})
$('.tops_head>span').on('mouseover',function(){
    
    $(this).css('text-decoration','underline')
})
$('.tops_head>span').on('mouseout',function(){
    $(this).css('text-decoration','none')
})
$('.singleth').on('mouseover',function(){
    console.log( $(this).children())
    $(this).children().eq(3).css('display','block')
  $(this).children().eq(4).css('display','block')
})
$('.singleth').on('mouseout',function(){
   
    $(this).children().eq(3).css('display','none')
    $(this).children().eq(4).css('display','none')
  })

})